<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="../dist/css/bootstrap.min.css">
  <title>产品落地页移动端-页头页脚</title>
  <style>
body {
  font-family: Microsoft Yahei,-apple-system,PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
}
.banner {
  width: 100%;
  background: url(home-banner@2x.jpg) 0% 0% / cover no-repeat;
}
.logo {
  width: 100px;
}
.bg-gray {
  background-color: #f4f4f4 !important;
}
  </style>
</head>
<body>

  <div class="banner">
    <header class="container px-4 py-3 d-flex">
      <img src="logo-white.svg" class="logo" alt="logo">
      <div class="btn btn-outline-light ms-auto">登录</div>
      <div class="btn btn-outline-light ms-3">注册</div>
    </header>
  </div>

  <!--图文介绍-->

  <!--课程特色-->

  <footer class="bg-gray py-5 text-center">
    &copy;2021 前沿科技Artech All rights reserved
  </footer>
  <script src="../dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>